<script setup>
// 1. 引入函数
import { ref } from 'vue'
// 2. 定义变量使用 ref() 传入需要有响应式的数据初始值
const count = ref(0)
// 4. 如果在script 里面需要获取,或者更改变量都需要 .value
const increment = () => {
    console.log(count.value);
    count.value++
}
</script>

<template>
    <div>
        <!-- 3. 在页面当中使用时无需.value -->
        {{ count }}
        <br>
        <button @click="count++">直接修改</button>
        <br>
        <button @click="increment">函数绑定 js 更新</button>
    </div>
</template>
  
<style lang="less"></style>
  
  